
/* ***************************** */

.invoker-blinking {
    display: inline;
    color: inherit;
    animation: blink 0.8s steps(1) infinite;
}

@keyframes blink {
    70% {color: #ccc;}
}

@keyframes rainbow {
    0%, 100% {
        background-position: 0 0;
    }

    50% {
        background-position: 100% 0;
    }
}

/* ***************************** */

#result-header {
    padding: 0.4rem;
    padding-left: 0.2rem;
}

.invoker-draw-attention {
    animation: invoker-draw-attention 0.6s  linear;
}

@keyframes invoker-draw-attention {
    0%   { background: #fff; }
    25%  { background: #ebf4fa; }
    50%  { background: #deedf8; }
    75%  { background: #ebf4fa; }
    100% { background: #fff; }
  }

/* ***************************** */

input {
    xtext-decoration:underline;
    xcolor: #999 !important;
}

.tippy-box[role="tooltip-draw-attention"]
{
    background: linear-gradient(to right, #33f, #036 , #090, #c06, #660);
    animation: rainbow 6s ease-in-out infinite;
    background-size: 400% 100%;
}
